<template>
	<view class="empty-list">
		<view class="content">
			<image class="img" :src="img" mode="aspectFill"></image>
			<view class="txt">{{txt}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"list-empty",
		props:{
			img: {
				type: String,
				default: '/static/app/empty_list.png'
			},
			txt: {
				type: String,
				default: '暂无数据'
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.empty-list{
	width: 100%; height: 70%; position: fixed;
	display: flex; display: -webkit-flex; align-items: center; justify-content: center;
	flex: 1;
	.content{
		display: flex; display: -webkit-flex; flex-direction: column; align-items: center;
		.img{
			width: 200rpx; height: 200rpx;
		}
		.txt{
			margin-top: 30rpx;
			font-size: 30rpx; color: #DDDDDD; letter-spacing: 10rpx;
		}
	}
}
</style>
